<template>
    <div id="titleBar">
        <span><strong>|</strong></span>
        <span v-text="title"></span>
        <a :href="url" class="see-more">查看更多>></a>
    </div>
</template>
<script>
    export default {
        name: 'ColumnTitleBar',
        data () {
            return {
                'title': '企业活动',
                'url': '#'
            }
        }
    }
</script>
<style>
    #titleBar{height:3rem;background:#fff;width:100%;border-bottom:1px solid #ccc;}
    #titleBar span{font-size:1.5rem;float:left;line-height:3rem;}
    #titleBar span:nth-child(1),.new-produce-title span:nth-child(1){font-weight:bolder;color:#009900;margin:0 0.5rem 0 0;line-height:3rem;}
    #titleBar .see-more{height:3rem;font-size:1.3rem;line-height:3rem;color:#009900;float:right;display:block;}
</style>